<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
	<title>综合展示</title>
	<style type="text/css">@import url("<c:url value="/plugins/layui/css/layui.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/css/lib/bootstrap-select.min.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/plugins/home_page_common/home_page_common.css"/>");</style>
	<style type="text/css">@import url("<c:url value="/plugins/home_page_common/css/comprehensive_display/comprehensive_display.css"/>");</style>
	<script type="text/javascript">window.HOST_TYPE='2'</script>
	<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=uOqdzZgQFY83xmQ4bqIQlixR&s=1"></script>
</head>
<body style="padding-top: 0px!important; overflow-y: scroll;">
<!-- Preloader -->
<div class="animationload">
	<div class="loader">
		Loading...
	</div>
</div>

<!--跳转过来前是否为全屏状态-->
<input type="hidden" id="screenState">

<div class="outer" style="display: inline-block;">
	<%--infowindow--%>
	<div id="infoWindow" style="display: none"></div>
	<%--地图--%>
	<div id="container"></div>
	<%--主标题--%>
	<div class="main_title"></div>
	<%--医疗机构--%>
	<div class="middleAbove">
		<span class="middleAboveFont">监管 | 总数</span>
		<div class="middleAboveNumLine" id="institutionsTotal"></div>
	</div>

	<%-- 时间 --%>
	<div class="showTime" id="showTime"></div>

	<%-- 搜索 --%>
	<div class="search">
		<input type="text" class="searchFont" placeholder="输入医疗机构名称" autocomplete="off" id="displaySearch">
		<button id="displayTologin" class="btn-primary" type="button">搜索</button>
	</div>

	<div class="search-menu" id="searchMenu" style="display: none">
		<div class="form-inline" style="width: 5.3rem; min-height: 1rem;">
			<select class="selectpicker" title="行业" id="industrySelect">
				<option value="" id="industryOption">行业</option>
			</select>
			<select class="selectpicker" title="街道" id="streetSelect">
				<option value="" id="streetOption">街道</option>
			</select>
			<select class="selectpicker" title="经济性质" id="economicSelect">
				<option value="" id="economicOption">经济性质</option>
				<option value="0" id="economicOption0">公立</option>
				<option value="1" id="economicOption1">民营</option>
			</select>
			<select class="selectpicker" title="等级" id="levelSelect">
				<option value="" id="levelOption">等级</option>
			</select>
			<select class="selectpicker" title="所有权性质" id="ownershipSelect">
				<option value="" id="ownershipOption">所有权性质</option>
			</select>
		</div>
		<table class="table table-hover search-table" style="margin-top: 0.1rem">
			<tbody id="searchList"></tbody>
		</table>
		<div class="layui-table-page">
			<div id="searchPagination"></div>
		</div>
	</div>

	<div class="fullScreen">

		<%--左部--%>
		<div class="leftColumn">
			<%--左上--%>
			<div class="medical">
				<div class="title_img">
					<span class="titleFont">诊疗行为</span>
					<span class="titleFontSmall">近一周</span>
					<a href="javascript:toLogin()">
						<span class="titleFontSmall" style="position: absolute; right: 0.2rem">查看全部>></span>
					</a>
				</div>
				<div class="amountChart">
					<div class="amount">
						<span>电子处方</span>
						<span id="prescriptionAmount">0</span>
					</div>
					<div class="amount">
						<span>违规处方</span>
						<span id="violatePrescription">0</span>
					</div>
					<div class="amount">
						<span>违规率</span>
						<span id="violateRate">-</span>
					</div>
					<div class="amount" style="visibility: hidden">
					</div>
					<div class="amount">
						<span>已处理</span>
						<span id="prescriptionHandle">0</span>
					</div>
					<div class="amount">
						<span>处理率</span>
						<span id="prescriptionHandleRate">-</span>
					</div>
				</div>
				<div class="prescriptionChart" id="prescriptionBar"></div>
				<div class="prescriptionChart" id="prescriptionLine"></div>
			</div>
		</div>

		<%--右部--%>
		<div class="rightColumn">
			<%--右上--%>
			<div class="disinfect">
				<div class="title_img">
					<span class="titleFont">卫生消毒</span>
					<span class="titleFontSmall">近一周</span>
					<a href="javascript:toLogin()">
						<span class="titleFontSmall" style="position: absolute; right: 0.2rem">查看全部>></span>
					</a>
				</div>
				<div class="amountChart">
					<div class="amount">
						<span>电子台账</span>
						<span id="electronicDisinfect">0</span>
					</div>
					<div class="amount">
						<span>异常台账</span>
						<span id="illegalDisinfect">0</span>
					</div>
					<div class="amount">
						<span>异常率</span>
						<span id="illegalRate">-</span>
					</div>
					<div class="amount" style="visibility: hidden">
					</div>
					<div class="amount">
						<span>已处理</span>
						<span id="disinfectHandle">0</span>
					</div>
					<div class="amount">
						<span>处理率</span>
						<span id="disinfectHandleRate">-</span>
					</div>
				</div>
				<div class="disinfectPieTitle">
					<div class="dot"></div>
					<span class="titleFont" style="margin-left: 0.1rem">卫生消毒异常分布</span>
				</div>
				<div class="disinfectChart" id="disinfectPie"></div>
			</div>
		</div>

		<%--社会监督--%>
		<div class="bottomChart" style="left: 0.5rem">
			<div class="bottomTitle_img">
				<span class="bottomTitleFont" style="margin-left: 0.2rem">社会监督</span>
				<span class="titleFontSmall" style="position: absolute; right: 0.2rem">近一月</span>
			</div>
			<div class="bottomContent" style="padding: 0.2rem">
				<div class="left">
					<div class="societyRectLeft">
						<div class="societyImg"></div>
						<div class="content">
							<span class="societyFont" style="font-size: 0.15rem; margin-top: 0.2rem">无扫码记录</span>
							<span class="societyFont" style="width:100%; font-size: 0.2rem; margin-top: 0.2rem" id="noQrcodeScanning">0</span>
						</div>
					</div>
					<div class="societyRectLeft">
						<div class="societyImg"></div>
						<div class="content">
							<span class="societyFont" style="margin-top: 0.2rem">评价数&lt3</span>
							<span class="societyFont" style="width:100%; font-size: 0.2rem; margin-top: 0.2rem" id="fewPublicComments">0</span>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="societyRectRight">
						<div class="content" style="margin-top: 0.5rem">
							<div class="dot"></div>
							<span class="societyFont" style="margin-left: 0.1rem">满意度≥80%</span>
							<span class="societyFont" style="position: absolute;right: 0.2rem;" id="societyLevel2">0%</span>
						</div>
					</div>
					<div class="societyRectRight">
						<div class="content">
							<div class="dot" style="background-color: yellow"></div>
							<span class="societyFont" style="margin-left: 0.1rem">50%≤满意度&lt80%</span>
							<span class="societyFont" style="position: absolute;right: 0.2rem;" id="societyLevel1">0%</span>
						</div>
					</div>
					<div class="societyRectRight">
						<div class="content">
							<div class="dot" style="background-color: red"></div>
							<span class="societyFont" style="margin-left: 0.1rem">满意度&lt50%</span>
							<span class="societyFont" style="position: absolute;right: 0.2rem;" id="societyLevel0">0%</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<%--自查自律--%>
		<div class="bottomChart" style="left: 6.4rem">
			<div class="bottomTitle_img"><span class="bottomTitleFont" style="margin-left: 0.2rem">自查自律</span></div>
			<div class="bottomContent" style="padding: 0.2rem">
				<div class="left">
					<div class="examRectCommon">
						<div class="examMustImg"></div>
						<div class="content">
							<span class="societyFont" style="margin-top: 0.2rem">应自查数</span>
							<div class="below">
								<span class="societyFont" style="font-size: 0.2rem;" id="examinationAmount">0</span>
							</div>
						</div>
					</div>
					<div class="examRectCommon" style="display: none">
					</div>
				</div>
				<div class="right" style="width: 2.6rem; margin-left: 0.2rem">
					<div class="examRectCommon" style="background-color: #ED745A;">
						<div class="examNoImg"></div>
						<div class="content">
							<span class="societyFont" style="margin-top: 0.2rem">未全面自查数</span>
							<div class="below">
								<span class="societyFont" style="font-size: 0.2rem;" id="noExaminationRate">0%</span>
								<span class="societyFont" style="font-size: 0.2rem;" id="noExaminationAmount">0</span>
							</div>
						</div>
					</div>
					<div class="examRectCommon" style="background-color: #6d5ff0">
						<div class="examProImg"></div>
						<div class="content">
							<span class="societyFont" style="margin-top: 0.2rem">未日常自查数</span>
							<div class="below">
								<span class="societyFont" style="font-size: 0.2rem;" id="noSpeciallyRate">0%</span>
								<span class="societyFont" style="font-size: 0.2rem;" id="noSpeciallyAmount">0</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<%--质控评分分布--%>
		<div class="bottomChart" style="right: 6.4rem">
			<div class="bottomTitle_img" style="justify-content: center;"><span class="bottomTitleFont">质控评分分布</span></div>
			<div class="bottomContent" id="qualityControlPie"></div>
		</div>
		<%--信用评价分布--%>
		<div class="bottomChart" style="right: 0.5rem">
			<div class="bottomTitle_img" style="justify-content: center;"><span class="bottomTitleFont">信用评价分布</span></div>
			<div class="bottomContent" id="feedbackBar"></div>
		</div>
	</div>
</div>
<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/plugins/layui/layui.all.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/bootstrap-select.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/echarts.min.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/flexible.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/home_page_common.js?V0.1.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/mapStyle.js"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/my_map.js?V0.1"/>" type="text/javascript"></script>
<script src="<c:url value="/js/pc/home_page_common/comprehensive_display/comprehensive_display.js?V0.0.4"/>" type="text/javascript"></script>
</body>
</html>
